<!doctype html>
<html lang="en">
<!--最开始的主页面-->
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>社团管理系统</title>
    <!-- Bootstrap CSS链接css -->
    <link rel="stylesheet" href="../static/home/css/bootstrap.css">
    <link rel="stylesheet" href="../static/home/css/themify-icons.css">
    <link rel="stylesheet" href="../static/home/css/flaticon.css">
    <link rel="stylesheet" href="../static/home/css/all.min.css">
    <link rel="stylesheet" href="../static/home/css/animate.css">
    <link rel="stylesheet" href="../static/home/css/magnific-popup.css">
    <!-- main css -->
    <link rel="stylesheet" href="../static/home/css/style.css">
    <link rel="stylesheet" href="../static/home/css/responsive.css">
</head>

<body>
    <!--================ Start header Top Area =================-->
    <section class="header-top"> <!-- -->
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo2-wrapper">
                    <a href="" class="logo2.png">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>

                            <li><a href="/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="/front_home">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Community_display">社团</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Wonderful_moments">精彩时刻</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">动态</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="/front_dynamic">动态</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/front_Message_Board">留言板</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/front_dynamic">最新咨询</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_contact">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->

    <!--================Fullwidth block Area =================-->

    <section class="fullwidth-block area-padding-bottom">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-lg-6 col-xl-5">
                    <div class="single-blog">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/主页1.png" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">活力 & 运动</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>篮球社</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#">March 11  2022 </a>
                                <a class="dark_font" href="#">加入社团，在篮球训练中得到更好的个性释放，既亲身体验专
                                	业队训练过程，又让同学们在实践中提高球技。为同学们打造团
                                	结合作、顽强的意志品质、良好的心理素质的运动锻炼平台，从
                                	而增强体质，提高篮球水平。</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-6 col-xl-4">
                    <div class="single-blog style_two">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财生活3.png" alt="">
                        </div>
                        <div class="short_details text-center ">
                        	 <div class="metawangliuxing">
                            	<a href="#">摄影社</a>
                            </div>

                            <div class="meta-top d-flex justify-content-center">
                                <a href="#">摄影 &美好</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>大学的摄影社是一个融手动技术和图片艺术为一体的创新类艺术类社团组织，
                                	协会积极开展各种独具特色的社团活动，
                                	以达到陶冶情操，提高艺术素养，培养创新精神的目的，为摄影服务，
                                	为热爱摄影的大学生服务。</h4>
                            </a>
                            <div class="meta-bottom d-flex justify-content-center">
                              <a href="#">March 11   2022 . </a>
                                <a href="#">By wang liuxing</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-xl-3">
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-6 col-xl-12">
                            <div class="single-blog style-three m_b_30">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/主页2.jpeg" alt="">
                                </div>
                                <div class="short_details">

                                    <div class="meta-top d-flex justify-content-center">
                                        <a href="#">——意大利艺术家 达芬奇</a>
                                    </div>
                                    <a class="d-block" href="front_Message_Board.html">
                                        <h4>运动是一切生命的源泉。</h4>
                                    </a>
                                </div>
                            </div>

                        </div>
                        <div class="col-12 col-md-6 col-lg-6 col-xl-12">
                            <div class="single-blog style-three">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/重财生活 (3).png" alt="">
                                </div>
                                <div class="short_details">

                                    <div class="meta-top d-flex justify-content-center">
                                        <a href="#">——杰里·于尔斯曼</a>
                                    </div>
                                    <a class="d-block" href="front_Message_Board.html">
                                        <h4>相机是顺畅地邂逅那另一个现实的手段</h4>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <!--================Fullwidth block Area end =================-->


    <!--================ First block section start =================-->

    <section class="first_block">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-xl-6">
                    <div class="single-blog row no-gutters style-four border_one">
                        <div class="col-12 col-sm-5">
                            <div class="thumb">
                                <img class="img-fluid" src="../static/home/picture/重财生活2.png" alt="">
                            </div>
                        </div>
                        <div class="col-12 col-sm-7">
                            <div class="short_details">
                            	<div class="yanshuang">
                            		<a href="#">美术社</a>
                            	</div>
                                <div class="meta-top d-flex">
                                    <a href="#">美术 & 风雅</a>
                                </div>
                                <a class="d-block" href="front_Message_Board.html">
                                    <h4>提高审美，陶冶情操，热爱生活，感受生活，发现生活，体验人生。</h4>
                                </a>
                                <div class="meta-bottom d-flex">
                                   <a href="#">March 11  2022 . </a>
                                    <a class="dark_font" href="#">By wang liuxing</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-xl-3">
                    <div class="single-blog style_five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/62.jpg" alt="">
                        </div>
                        <div class="short_details ">

                            <div class="meta-top d-flex">
                                <a href="#">—罗丹</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>生活中从不缺少美,
                                	而是缺少发现美的眼睛。</h4>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-xl-3">
                    <div class="single-blog style_five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/绘画4.jpeg" alt="">
                        </div>
                        <div class="short_details ">

                            <div class="meta-top d-flex">
                                <a href="#">艺术&灵魂</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>加入我们，挖掘你深藏在内心的艺术灵魂.</h4>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================ First block section end =================-->

    <!--================ Editors Picks section start =================-->

    <section class="editors_pick area-padding">
        <div class="container">
            <div class="row">
                <div class="area-heading">
                    <h3>服务 介绍</h3>
                    <p>通过该平台，申请加入社团，关注社团每天发生的趣事，互相记录社团生活的精彩时刻</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-xl-6">
                    <div class="single-blog">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财4.png" alt="">
                        </div>
                        <div class="short_details pad_25 ">
                            <div class="meta-top d-flex">
                                <a href="#">关注 & 查看</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>在平台中关注，喜欢的社团，或某一位你欣赏的社员，建立友谊</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                   <a href="#">March 11   2022 . </a>
                                <a class="dark_font" href="#">By wang liuxing</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 col-xl-6">
                    <div class="single-blog row no-gutters style-four m_b_30">
                        <div class="col-12 col-sm-7">
                            <div class="short_details padd_left_0">
                                <div class="meta-top d-flex">
                                    <a href="#">分享 & 记录</a>
                                </div>
                                <a class="d-block" href="front_Message_Board.html">
                                    <h4 class="font-20">上传并分享自己记录的在社团的美好时刻
                                    ，与他人分享，了解社团周围的趣事，相互联系，氛围更融洽</h4>
                                </a>
                                <p>良好的人际关系是人生幸福的需要。
                                	人生的幸福是构建在物质生活和精神生活的基础上的。
                                	人生幸福必然包含有物质生活的内容，
                                	创造人生物质生活的幸福，会受到人际关系状况的影响。</p>
                            </div>
                        </div>
                        <div class="col-12 col-sm-5">
                            <div class="thumb">
                                <img class="img-fluid" src="../static/home/picture/重财11.png" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="single-blog row no-gutters style-four">
                        <div class="col-12 col-sm-5">
                            <div class="thumb">
                                <img class="img-fluid" src="../static/home/picture/重财3.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-12 col-sm-7">
                            <div class="short_details padd_right_0">
                                <div class="meta-top d-flex">
                                    <a href="#">点赞 & 评论</a>
                                </div>
                                <a class="d-block" href="front_Message_Board.html">
                                    <h4 class="font-20">给你喜欢的作评
                                    	进行点赞，让它可以得到更好的推广，
                                    	在作品下评论，与作者联系，展示大众。 </h4>
                                </a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">

                </div>
            </div>
        </div>
    </section>


    <!--================ Editors Picks section end =================-->



    <!--================ Video section start =================-->

    <div class="video-area background_one area-padding">
        <div class="container">
            <div class="row">
                <div class="area-heading">
                    <h3>视频  分享</h3>
                    <p>分享社团中的精彩时刻</p>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-7">
                    <div class="single-blog video-style">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财9.png" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频1.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                   <a href="#">羽毛球</a>/
                                <a href="#">March 11 2022</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                               <h4>经常打羽毛球对身体的好处较多，包括可以减肥、增强体质、提高反应能力等。
                                	虽然打羽毛球对于身体有一定的好处，但是每次打羽毛球也要注意安全，
                                	避免出现肌肉拉伤、摔倒等情况。</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                             <a href="#"><i class="ti-comment"></i>05 评论</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                                <a href="#"><i class="ti-eye"></i> 1k 观看</a>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-5">
                    <div class="single-blog video-style small row m_b_30">
                        <div class="thumb col-12 col-sm-5">
                            <img class="img-fluid" src="../static/home/picture/篮球10.jpeg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频1.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details col-12 col-sm-7">
                            <div class="meta-top d-flex">
                                <a href="#">篮球运动</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>今天超长发挥，记录帅气时刻</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                              <a href="#"><i class="ti-time"></i>发布时间 12</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                                <a href="#"><i class="ti-eye"></i> 1k 观看</a>
                            </div>
                        </div>
                    </div>

                    <div class="single-blog video-style small row m_b_30 ">
                        <div class="thumb col-12 col-sm-5">
                            <img class="img-fluid" src="../static/home/picture/重财生活4 (2).jpg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频1.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details col-12 col-sm-7">
                            <div class="meta-top d-flex">
                                <a href="#">美景</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>此景只应天上有,宛如仙境落凡尘。</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                      <a href="#"><i class="ti-time"></i>发布时间 12</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                                <a href="#"><i class="ti-eye"></i> 1k 观看</a>
                            </div>
                        </div>
                    </div>

                    <div class="single-blog video-style small row">
                        <div class="thumb col-12 col-sm-5">
                            <img class="img-fluid" src="../static/home/picture/14.jpg" alt="">
                            <div class="play_btn">
                                <a class="play-video" href="../static/home/picture/视频1.mp4" data-animate="zoomIn" data-duration="1.5s" data-delay="0.1s"><span class="ti-control-play"></span></a>
                            </div>
                        </div>
                        <div class="short_details col-12 col-sm-7">
                            <div class="meta-top d-flex">
                                <a href="#">绘画</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>虽然这副画很难，但还是尽力完成了</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                   <a href="#"><i class="ti-time"></i>发布时间 12</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                                <a href="#"><i class="ti-eye"></i> 1k 观看</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!--================ Video section end =================-->


    <!--================ three-block section start =================-->

    <div class="three-block  area-padding">
        <div class="container">
            <div class="row">
                <div class="area-heading">
                    <h3>最新  咨询</h3>
                    <p>最新消息与你分享</p>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-blog style-five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财2.jpg" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">汉服社</a>/
                                <a href="#">March 15, 2019</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>精美汉服分享</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>05 评论</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-4">
                    <div class="single-blog style-five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/科技社.png" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                <a href="#">科技社</a>/
                                <a href="#">March 15, 2019</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>高新科技，面向未来</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>05 评论</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-4">
                    <div class="single-blog style-five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财13.png" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                               <a href="#">文化社</a>/
                                <a href="#">March 1, 2023</a>
                            </div>
                            <a class="d-block" href="front_Message_Board.html">
                                <h4>文化交互，宣传国家文化，弘扬中华精神</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                              <a href="#"><i class="ti-comment"></i>05 评论</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--================ three-block section end =================-->



    <!--================ Latest news section start =================-->

    <div class="latest-news  area-padding-bottom">
        <div class="container">
            <div class="row">
                <div class="area-heading">
                      <h3>公告</h3>
                    <p>官网咨询第一线</p>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="single-blog style-five">
                        <div class="thumb">
                            <img class="img-fluid" src="../static/home/picture/重财生活 (5).png" alt="">
                        </div>
                        <div class="short_details">
                            <div class="meta-top d-flex">
                                 <a href="#">管理员</a>/
                                <a href="#">March 12 2022</a>
                            </div>
                            <a class="d-block" href="single-blog.html">
                               <h4>本系统很快就会上线，希望大家喜欢</h4>
                            </a>
                            <div class="meta-bottom d-flex">
                                <a href="#"><i class="ti-comment"></i>05 评论</a>
                                <a href="#"><i class="ti-heart"></i> 0 收藏</a>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-6">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="single-blog style-five small">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/篮球12.jpg" alt="">
                                </div>
                                <div class="short_details">
                                    <div class="meta-top d-flex">
                                       <a href="#">篮球社</a>/
                                        <a href="#">March 12  2022</a>
                                    </div>
                                    <a class="d-block" href="single-blog.html">
                                        <h4>欢迎大家，申请篮球社</h4>
                                    </a>
                                    <div class="meta-bottom d-flex">
                                        <a href="#">March 12  2022</a>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-blog style-five small">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/绘画15.png" alt="">
                                </div>
                                <div class="short_details">
                                    <div class="meta-top d-flex">
                                       <a href="#">美术社</a>/
                                        <a href="#">March 12  2022</a>
                                    </div>
                                    <a class="d-block" href="single-blog.html">
                                        <h4>欢迎大家，加入美术社</h4>
                                    </a>
                                    <div class="meta-bottom d-flex">
                                        <a href="#">March 12  2022</a>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-blog style-five small">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/重财6.png" alt="">
                                </div>
                                <div class="short_details">
                                    <div class="meta-top d-flex">
                                        <a href="#">最新咨询</a>/
                                        <a href="#">March 12  2022</a>
                                    </div>
                                    <a class="d-block" href="single-blog.html">
                                        <h4>欢迎大家，参加社团举办的友谊比赛</h4>
                                    </a>
                                    <div class="meta-bottom d-flex">
                                        <a href="#">March 15, 2019</a>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-blog style-five small">
                                <div class="thumb">
                                    <img class="img-fluid" src="../static/home/picture/重财7.png" alt="">
                                </div>
                                <div class="short_details">
                                    <div class="meta-top d-flex">
                                        <a href="#">摄影社</a>/
                                        <a href="#">March 12  2022</a>
                                    </div>
                                    <a class="d-block" href="single-blog.html">
                                        <h4>记录美好生活，摄影社欢迎你的到来</h4>
                                    </a>
                                    <div class="meta-bottom d-flex">
                                        <a href="#">March 15, 2019</a>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <!--================ Latest news section end =================-->


    <!-- ================ Instargram Area Starts ================= -->

<section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (1).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (3).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (4).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (5).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活4 (2).jpg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财14.png" alt=""></a>
            </div>
        </div>
    </section>

    <!-- ================ Instargram Area End ================= -->


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">

        </div>
    </div>
</footer><!-- ================ End footer Area ================= -->






<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../static/home/js/jquery-2.2.4.min.js"></script>
<script src="../static/home/js/popper.js"></script>
<script src="../static/home/js/bootstrap.min.js"></script>
<script src="../static/home/js/stellar.js"></script>
<script src="../static/home/js/jquery.magnific-popup.min.js"></script>
<script src="../static/home/js/jquery.ajaxchimp.min.js"></script>
<script src="../static/home/js/waypoints.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/contact.js"></script>
<script src="../static/home/js/jquery.form.js"></script>
<script src="../static/home/js/jquery.validate.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/theme.js"></script>
</body>
</html>